<!doctype Html>
<html>
	<head>
		<title>海青科技公司</title>
		<meta charset="utf-8">
		<meta name= "keywords" content= "海青科技公司,青岛工学院,青岛web开发, web开发, JavaScript" />
		<meta name= "description" content= "青岛工学院海青科技公司，专注web开发。" />
		<link rel = "stylesheet" type = "text/css" href = "css/style.css" />
		<link rel = "stylesheet" type = "text/css" href = "css/reset.css" />
		<link rel = "stylesheet" type = "text/css" href = "css/960_12_col.css" />
		<script type = "text/javascript" src = "js/jquery-1.5.1.min.js"></script>
		<script type = "text/javascript" src = "js/common.js"></script>
		<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	</head>
	<body>
	<section id = "main">
		<header>
			<div id = "logo">
				<img src = "image/logo.png" alt = "海青科技" />
			</div>
			<div id = "top">
				<div id = "search">
						<input type = "text" placeholder="请输入要搜索的内容"/>
						<input type = "submit" value = "搜索" />
				</div>
				<div id = "note">
					<article>
						 <a>设为主页</a>·<a>收藏</a>·<a>RSS</a>
					</article>
				</div>
			</div>
				<nav id = "nav">
					<ul>
						<li>首页</li>
						<li>公司介绍</li>
						<li>公司新闻</li>
						<li>产品列表</li>
						<li>联系我们</li>
					</ul>
				</nav>
		</header>

		<section id = "banner">		
				<img src="image/banner1.png" alt="海青科技" />
		</section>
		<section id = "intro">
			<figure class = "intro_content">
				<article>Web前端设计</article>
				<img src = "image/zune.png" />
				<p>基于HTML、CSS、Javascript等语言进行前端开发，为用户提供前端设计解决方案</p>	
			</figure>
			<div id ="fenge">
				<img src = "image/fenge.png"></img>
			</div>
				<figure class = "intro_content">
				<article>电脑维修</article>
				<img src = "image/zune.png" />
				<p>为用户提供电脑维修，软硬件错误检测，电脑除尘等服务</p>	
			</figure>
			<div id ="fenge">
				<img src = "image/fenge.png"></img>
			</div>
				<figure class = "intro_content">
				<article>Web应用系统开发</article>
				<img src = "image/zune.png" />
				<p>基于HTML、CSS、Javascript等语言进行前端开发，为用户提供前端设计解决方案</p>	
			</figure>
			
		</section>
		<section id = "intro_bottom" class = "container_12">
			<section class = "grid_8">
				<div class = "title">				
					<div style="width:5px;height:30px;background:#779bb0;"></div>
					<h3>公司新闻</h3> 
					<div id = "big_intro" class = "grid_8">
						<div id = "intro_img">
							<img src = "image/intro_img.png" alt = "海青科技公司完成青岛工学院网站" />
						</div>
						<div id = "intro_word" class = "grid_5">
							<div class = "intro_word_title">海青科技公司完成青岛工学院网站</div>
							<div class = "intro_word_time">By 2011.7.14</div>	
							<div class = "intro_word_word">海青科技公司完成青岛工学院网站海青科技公司完成青岛工学院网站海青科技公司完成青岛工学院网站海青科技公司完成青岛工学院网站青岛工学院网站青岛工学院网站</div>	
						</div>
				</div>
						<div id = "intro_list"  class = "grid_8">
							<table>
								<tbody>
									 <tr class = "grid_8">
										<td class = "list_title">海青科技公司完成青岛工学院网站</td>
										<td class = "list_time">2011.7.14</td>
									  </tr>
									  <tr class = "grid_8">
										<td class = "list_title">海青科技公司完成青岛工学院网站</td>
										<td class = "list_time">2011.7.14</td>
									  </tr>
									  <tr class = "grid_8">
										<td class = "list_title">海青科技公司完成青岛工学院网站</td>
										<td class = "list_time">2011.7.14</td>
									  </tr>
								</tbody>
							</table>
						</div>
					</div>
					
			</section>
			<aside id = "right"  class = "grid_4">
				<img src = "image/contact.png" alt = "海青科技联系方式" />
				<img src = "image/heng_fenge.png" />
				<article>	
					<h2>青岛工学院</h2> <h4> 山东省青岛胶州市福州南路26号</h4>
					<div><p>电话:18765932730</p><p>QQ:444984</p></div>
				</article>
				<img src = "image/heng_fenge.png" />
				<img src = "image/qq.png" class = "contact_qq"/>
			</div>
		</section>	
		
		
	</section>
	<footer>
		<article id = "footer_contect">	
			<section id = "footer_contect_left">
				<p>© 2010 - 2011 海青科技公司</p>
				<p>文网文[2011]0012-005</p>
				<p>email: hr@hqwiki.cn</p>
				<p>moe@hqwiki.cn</p>
			</section>
			<section id = "footer_contect_right">
				<p>地址：山东省胶州市青岛工学院</p>
				<p>电话：18765932730</p>
				
			</section>
		</article>
	</footer>
	</body>

</html>